﻿@page "/calendars"

<h3>Calendar 日历框</h3>

<h4>按照日历形式展示数据的容器。当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。</h4>

<Block Title="基础用法" Introduction="基础的日历显示。" CodeFile="calendar.1.txt">
    <Calendar OnValueChanged="@OnValueChanged" />
    <Logger @ref="Trace" class="mt-3" />
</Block>

<Block Title="数据双向绑定" Introduction="日历框选择时间时数据自动更新文本框" CodeFile="calendar.1.txt">
    <Calendar @bind-Value="@BindValue" />
    <BootstrapInput TItem="DateTime" @bind-Value="@BindValue" Formatter="@Formatter" />
</Block>

<AttributeTable Items="@GetAttributes()" />

<EventTable Items="@GetEvents()" />